<template>
<div class="register">
  <!-- 登录界面 -->
  <el-row :gutter="20">
      <el-col :span="8" :offset="8">
         <el-card >
                <div class="register_card">         
                    <div>当当美食</div>
                    <el-input v-model="input" placeholder="请输入内容"><template slot="prepend">邮箱</template></el-input>       
                    <el-input v-model="input" placeholder="请输入注册密码" show-password  style="margin:20px 0;" ><template slot="prepend">密码</template></el-input>       
                    <el-input v-model="input" placeholder="请再次输入密码" show-password><template slot="prepend">重复</template></el-input>       
                    <el-button type='primary'  style="width:100%;margin:40px 0;" :disabled="radio==='0'?true : false ">用户注册</el-button>   
                    <el-radio v-model="radio" label="1">我已经阅读并同意《注册协议》</el-radio>
                 </div>   
         </el-card>
      </el-col> 
  </el-row>
  </div> 
</template>

<script>
export default {
   data(){
     return {
       radio:'0',
       input:'',
     
     }
   }
}
</script>

<style  scoped>
   .register{
     width: 1300px;
      margin: auto;
     margin-top: 200px;
  
   }
   .register_card{
    
     padding: 0 30px;
     text-align: center;
   }
   .register_card>div:nth-child(1){
     font-family:   Times, serif;
     font-size: 26px;
     font-weight: 600;
     margin: 20px 0;
     color: #ff6767;
   }
    

</style>

